/* ------------ MAIN CONTENT ----------------*/

 .SCORMPackageListHeaderButtons {
    background-color: #D9DCDD;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 3px;
}

 .SCORMPackageListHeaderButtonsBottom {
    background-color: #D9DCDD;
    font-weight: bold;
    padding: 3px;
}

 .rounded {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

 .rounded3px {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

 .padded {
    padding: 5px;
}

 .customIconButton {
    background-repeat: no-repeat !important;
    background-position: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

 .toolbarButton {
    background-repeat: no-repeat !important;
    background-position: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    background-position: center;
}

 .important {
    background: #c7e4cb url("../css/smoothness/images/ui-bg_glass_75_green_1x400.png") 50% 50% repeat scroll;
    border-color: #B6C7AE #87A479 #617F53;
}

 .unimportant {
    background: #c9c9c9 url("../css/smoothness/images/ui-bg_glass_75_c9c9c9_1x400.png") 50% 50% repeat scroll;
}

 .fluidRowsContent {
    border: 1px solid #CCCCCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: -5px;
    margin-right: -5px;
}

 .fluidLeftPart {
    float: left;
    padding: 10px;
    width: auto;
    white-space: normal;
    min-width: 150px;
    max-width: 60%;
    margin-right: 2%;
}

 .fluidRightPart {
    background: #EDEEEF;
    border: 1px solid #BBBDBE;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    overflow: auto;
    padding: 10px;
    white-space: normal;
    width: auto;
}

 .staticToolbar {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #808080;
    width: 100%;
    height: 40px;
    top: 0px;
    background-color: #eee;
    padding-top: 2px;
}

 .staticToolbar70px {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #808080;
    width: 100%;
    height: 70px;
    top: 0px;
    background-color: #eee;
    padding-top: 2px;
}

/* ------------- Buttons -------------------- */

 .questionarieTreeEditButton,  .questionarieEditTextButton,  .questionbankAnswerEdit,  .questionbankButton,  .SCORMSave {
    float: right;
}

 .buttonAddCategory {
    background-position: 0px 0px !important;
}

 .buttonAddCategory:hover {
    background-position: -28px 0px !important;
}

 .buttonAddQuestion {
    background-position: 0px -28px !important;
}

 .buttonAddQuestion:hover {
    background-position: -28px -28px !important;
}

.buttonAddQuiz{
	background-position: 0px -364px !important;
}

.buttonAddQuiz:hover{
	background-position: -28px -364px !important;
}


 .buttonEdit {
    background-position: 0px -112px !important;
}

 .buttonEdit:hover {
    background-position: -28px -112px !important;
}

 .buttonDone {
    background-position: 0px -280px !important;
}

 .buttonDone:hover {
    background-position: -28px -280px !important;
}

 .buttonRemove {
    background-position: 0px -56px !important;
}

 .buttonRemove:hover {
    background-position: -28px -56px !important;
}

 .buttonPen {
    background-position: 0px -18px !important;
}

 .buttonPen:hover {
    background-position: -24px -18px !important;
}

 .questionbankAnswerDelete {
    background-position: 0px -51px !important;
}

 .questionbankAnswerDelete:hover {
    background-position: -24px -51px !important;
}

 .SCORMAddNewAnswerButton {
    color: #000 !important;
    background: #FFF !important;
    display: block;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    padding: 7px !important;
    margin-top: 10px !important;
    -webkit-box-shadow: 0 0 6px -2px #8C9395 !important;
    box-shadow: 0 0 6px -2px #8C9395 !important;
}

 #SCORMButtonAddAnswer {
    color: #000 !important;
    background: url("../img/add-new.png") no-repeat transparent !important;
    height: 22px !important;
    padding-left: 26px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: sans-serif !important;
}

 #SCORMButtonAddAnswer:hover {
    background: url("../img/add-new-hover.png") no-repeat transparent !important;
    height: 22px !important;
    padding-left: 26px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: sans-serif !important;
    color: #D34040 !important;
}

 #SCORMButtonAddOption {
    color: #000 !important;
    background: url("../img/add-new.png") no-repeat transparent !important;
    height: 22px !important;
    padding-left: 26px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: normal;
    font-family: sans-serif !important;
}

 #SCORMButtonAddOption:hover {
    background: url("../img/add-new-hover.png") no-repeat transparent !important;
    height: 22px !important;
    padding-left: 26px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: normal;
    font-family: sans-serif !important;
    color: #D34040 !important;
}

 #SCORMButtonAddElement {
    color: #000 !important;
    background: url("../img/add-new.png") no-repeat scroll 0 0 transparent !important;
    border: medium none !important;
    cursor: pointer !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: 22px !important;
    padding-left: 26px !important;
}

 #SCORMButtonAddElement:hover {
    background: url("../img/add-new-hover.png") no-repeat transparent !important;
    height: 22px !important;
    padding-left: 26px !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #D34040 !important;
}

/* ------------- OVERWRITING THINGS-------------------- */

 .jstree a {
    white-space: normal;
}

 .image-wrapper {
    float: left;
    text-align: center;
    cursor: pointer;
}

 .image {
    width: 100px;
    height: 74px;
}

 .folder {
    width: 100px;
    height: 74px;
    background: url("../js/libs/redactor/css/images/folder.png") no-repeat scroll left center transparent;
}

 .text-wrapper {
    margin-left: -10px;
    margin-top: -10px;
}

 #SCORMQuestionBankToolbar {
    margin: -10px -15px 5px -10px;
    height: 42px;
}

 #SCORMBankWrapper {
    white-space: nowrap;
    position: relative;
}

 #SCORMBankHeader {
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    background-color: #eee;
    background-color: rgba(238, 238, 238, 0.9);
    padding-top: 2px;
}

 #SCORMCategoryView,  #SCORMCategoryEdit, #SCORMQuizEdit,  #SCORMQuestionContentDiv {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 6px;
    background: #edeeef;
    margin: 5px;
}

 .SCORMDescription,
 .SCORMExplanation,
 .SCORMQuestion,
 .SCORMText {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
    padding: 5px 20px;
}

 .SCORMAnswer {
    background: none repeat scroll 0 0 #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 0 6px -2px #8C9395 !important;
    box-shadow: 0 0 6px -2px #8C9395 !important;
    cursor: move;
    display: block;
    margin-top: 10px;
    padding: 7px;
}

 .SCORMOption {
    border-bottom: solid 1px #CCC;
}

 #SCORMQuestionEditor {
    overflow: auto;
}

 .SCORMFixedPanel {
    margin-left: -10px;
    margin-top: -10px;
    padding-left: 10px;
    position: absolute;
    height: 40px;
    padding-top: 2px;
}

 .filledArea {
    background-color: rgba(193, 215, 234, 0.3);
    margin-bottom: 15px;
}

 #SCORMQuestionText {
    background-color: rgba(193, 215, 234, 0.3);
    margin-bottom: 15px;
}

 #SCORMExplanationText {
    background-color: rgba(193, 215, 234, 0.3);
    margin-bottom: 15px;
}

 #SCORMQuestionAnswersEditors .ui-sortable-helper {
    border: 1px dashed #CCCCCC;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
}

/* ------------- 2nd Edition -------------------- */

 .quizSection {
    border-bottom: 1px solid #CCCCCC;
    margin: 2px 0 10px;
}

 .quizSectionTitle {
    float: left;
    font-size: 14px;
    font-weight: bold;
}

 .SCORMResult {
    margin: 7px 0px 10px 0px;
}

 #SCORMQuestionTypeDiv {
    margin: 0 0 10px;
}

 #SCORMQuestionType {
    margin: 0 6px;
}

 .quizSectionType {
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-right: 2px;
    padding-top: 2px;
    color: #D34040;
}

 .SCORMCheckbox {
    margin: 14px 0;
}

 .SCORMAnswerTitle {
    float: left;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    max-width: 80%;
    padding: 3px 6px 3px 0;
}

 .SCORMAnswerText {
    float: left;
    width: 80%;
}

 input#SCORMAnswerText,
 input#SCORMAnswerRangeFrom,
 input#SCORMAnswerRangeTo {
    border: solid 1px #B3B3B3;
    padding: 4px;
    background: #FFF;
    color: #000 !important;
}

 input#SCORMAnswerText:focus,
 input#SCORMAnswerRangeFrom:focus,
 input#SCORMAnswerRangeTo:focus {
    border: solid 1px #B3B3B3;
    padding: 4px;
    background: #EFECBD;
    color: #000 !important;
}

 .SCORMAnswerHeader {
    padding: 4px 0;
}

 .SCORMAnswerTextArea {
    padding: 5px 0 8px 0;
}

 .answerSectionTitle {
    font-weight: bold;
    padding: 2px 0;
}

 .SCORMQuestionTitleEdit {
    margin-bottom: 8px;
}

 #ItemView {
    font-size: 14px;
}